<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('结算工资')" />
    <th:block th:include="include :: datetimepicker-css" />
</head>
<body class="white-bg">
<div class="main-content">
    <h4 class="form-header h4">结算基本信息</h4>
    <div class="row">
        <div class="col-md-12">
            <div class="col-sm-4">
                    <strong class="text-info">学生：
                    <span  th:text="${workstudyWageVo.userId}">
                    </span></strong>
            </div>
            <div class="col-sm-4">
                    <strong class="text-info">结算人：
                    <span th:text="${workstudyWageVo.settlementBy}">
                    </span>
                </strong>
            </div>
            <div class="col-sm-4">
                    <strong class="text-info">结算时间：
                    <span th:text="${#dates.format(workstudyWageVo.settlementTime,'yyyy-MM-dd HH:mm')}">
                    </span>
                </strong>
            </div>
        </div>
    </div>
    <br>
    <h4 class="form-header h4">选择考勤信息</h4>
    <div class="row">
        <div class="col-sm-12">
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                    <tr class="success">
                        <th>学生</th>
                        <th>岗位</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>工作时长</th>
                        <th>结算工资(元)</th>
                        <th>岗位每小时工资(元)</th>
                        <th>状态</th>
                        <th>工作质量(%)</th>
                        <th>考勤人</th>
                        <th>考勤时间</th>
                        <th>结算人</th>
                        <th>结算时间</th>
                    </tr>
                    </thead>
                    <tbody th:each="workstudyAttendance:${workstudyWageVo.workstudyAttendanceList}">
                        <tr>
                            <th th:text="${workstudyAttendance.userName}"></th>
                            <th th:text="${workstudyAttendance.postName}"></th>
                            <th th:text="${#dates.format(workstudyAttendance.startTime,'yyyy-MM-dd HH:mm')}"></th>
                            <th th:text="${#dates.format(workstudyAttendance.endTime,'yyyy-MM-dd HH:mm')}"></th>
                            <th th:text="${workstudyAttendance.duration}"></th>
                            <th th:text="${workstudyAttendance.price}"></th>
                            <th th:text="${workstudyAttendance.pprice}"></th>
                            <th >已结算</th>
                            <th th:text="${workstudyAttendance.quality}"></th>
                            <th th:text="${workstudyAttendance.attendanceBy}"></th>
                            <th th:text="${#dates.format(workstudyAttendance.attendanceTime,'yyyy-MM-dd HH:mm')}"></th>
                            <th th:text="${workstudyAttendance.settlementBy}"></th>
                            <th th:text="${#dates.format(workstudyAttendance.settlementTime,'yyyy-MM-dd HH:mm')}"></th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <h4 class="form-header h4">汇总信息</h4>
    <div class="row">
        <div class="col-sm-12">
            <div class="text-right" style="font-size: 30px"><strong>总工时：<span class="text-danger" th:text="${workstudyWageVo.sumduration}"></span></strong></div>
            <br>
            <div class="text-right" style="font-size: 30px"><strong>总工资：<span class="text-danger" th:text="${workstudyWageVo.sumprice}"></span></strong></div>
        </div>
    </div>
</div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: datetimepicker-js" />
    <script th:inline="javascript">

    </script>
</body>
</html>